<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>印克时光</title>
    <link rel="stylesheet" href="/lib/bootstrap4/bootstrap-4.6.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/lib/swiper/swiper.css">
    
</head>
<body>
    <!-- 头部 -->
    <header></header>

    <!-- 轮播图 -->
    <div class="swiper-container">
        <div class="swiper-wrapper banner_swiperWrapper">
       
    </div>
     <!-- 首先定义模板 -->
        <script type="text/html" id="indexBannerTemplate">
            {{each list item}}
                <div class="swiper-slide">
                    <img src="{{item.url}}" alt="">
                </div>
            {{/each}}
        </script>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
   
    <!-- 轮播图结束 -->

    <!-- 卡片 -->
    <div class="Card">
        <div class="wrapper">
            <div class="top">
                <div class="left">
                    <img src="/images/index1.jpg" alt="">
                </div>
                <div class="right">
                    <img src="/images/index4.jpg" alt="">
                </div>
               
            </div>
            <div class="bottom">
                <img src="/images/index5.jpg" class="bt_1" alt="">
                <img src="/images/index2.jpg" class="bt_2" alt="">
                <img src="/images/index3.jpg" class="bt_3" alt="">
            </div>
        </div>
    </div>

    <!-- 更多选择 -->
    <div class="section clearfix">
        <div class="wrapper clearfix">
            <div class="title">
                <p class="cn">当季热卖</p>
                <p class="en">BEST CHOICE</p>
            </div>


            <div class="card-page clearfix">
                <div class="top">
                    <img src="/images/index6.jpg" alt="">
                </div>
                <div class="bottom">
                    <p>只留下奶香巧克力化也化不开的醇香。</p>
                    <p class="name">
                        <span class="cn"> 奶香巧克力</span>
                        <span class="en"> Chocolate truffle</span>
                       </p>
                    <p class="attr">
                        <span class="price"> ￥198.00 </span>
                        <span class="pound">/510g</span>
                        <span class="show"><img src="/images/shop.png" alt=""></span>
                       </p>
                </div>
            </div>

            <div class="card-page clearfix">
                <div class="top">
                    <img src="/images/index7.jpg" alt="">
                </div>
                <div class="bottom">
                    <p>记忆中的绵密口感，沁着浓郁奶香。</p>
                    <p class="name">
                        <span class="cn"> 经典奶香</span>
                        <span class="en"> Classic Cream</span>
                       </p>
                    <p class="attr">
                        <span class="price"> ￥198.00 </span>
                        <span class="pound">/510g</span>
                        <span class="show"><img src="/images/shop.png" alt=""></span>
                       </p>
                </div>
            </div>
            <div class="bottom_img clearfix">
                <img src="/images/index8.jpg" alt="">
                <img src="/images/index9.jpg" alt="">
                <img src="/images/index10.jpg" alt="">
           
            </div>
        </div>
    </div>

<!-- 底部 -->
<footer></footer>

    <script src="/lib/requirejs/require.js" data-main="/js/index"></script>
    
</body>
    
</html>